<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>兄弟选择器【相邻+通用】</title>
		<style>
			/* 通用选择器：语法*{} 
			              功能：设置全局样式，把body中所有的元素全部选中
						  */
			*{
				color: gray;
				font-size: 18px;
			}
			/*相邻兄弟选择器：语法：选择器+选择器
			                 功能：选择邻近当前选择器后面的兄弟元素
			  相邻兄弟选择器：语法：选择器~选择器
						    功能：选择当前选择器后面的兄弟元素	 
			 */
			/* h1~p{ 
				color: #ff5303;
				font-size: 20;
			}
			h1+p{
				color: #222200;
				font-size: 48;
			 }*/
		</style>
	</head>
	<h1>相邻兄弟选择器</h1>
	<p>兄弟1</p>
	<p>兄弟2</p>
	<body>
	</body>
</html>